* {
    padding: 0;
    margin: 0;
    outline: 0;
}

body {
    font-family: Arial, Microsoft YaHei, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333333;
}

$colors: (
    "blue": #0093DD,
    "white": #ffffff,
    "grey": #EEEEEE,
    "888": #888888,
    "999": #999999,
    "666": #666666,
    "799": #7992A6,
    "384": #384B59,
    "445": #445768,
    "333": #333333,
    "222": #222222,
    "yellow": #FEBE0C, 
    "red": #FF2A2A
);

$font-sizes: (
    "12": 12,
    "14": 14,
    "16": 16,
    "18": 18,
    "20": 20,
    "22": 22,
    "24": 24,
    "26": 26,
    "30": 30,
    "32": 32,
    "34": 34,
    "36": 36,
    "38": 38,
    "40": 40,
    "44": 44,
    "48": 48,
    "54": 54,
);


a {
    color: #333; 
    text-decoration: none;
    &:link {
        text-decoration: none;
    }
    /*已经访问过的链接*/
    &:visited {
        text-decoration: none;
    }
    /*鼠标划过(停留)的链接*/
    &:hover {
        text-decoration: none;
    }
    /* 正在点击的链接*/
    &:active {
        text-decoration: none; 
    }
}

p {
    margin-bottom: 0;
}

textarea {
    resize: none;
}

input[type='button'] {
    border: none;
}

.font-bold {
    font-weight: bold;
}

    
@each $key, $val in $font-sizes {
    .fs-#{$key} {
        font-size: $val * 1px;
    }
}

@each $colorKey, $colorVal in $colors {
    .color-#{$colorKey} {
        color: $colorVal;
    }
    .bg-#{$colorKey} {
        background: $colorVal;
    }
}

@media screen and (max-width: 750px) {
    @each $key, $val in $font-sizes {
        .fs-#{$key} {
            font-size: $val / 75 * 1rem;
        }
    }
}